<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>

<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" />
<link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
<link rel="stylesheet" href="docsdemos-style-override.css" />
<script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
	  //apply overrides here
	  $.mobile.defaultPageTransition="none";
	  $.mobile.pushStateEnabled = false;
	  $.mobile.allowCrossDomainPages = true;
	});
	</script>
<script type="text/javascript"
	src="jquery.mobile/jquery.mobile-1.1.0.js">	
	</script>
	
 <script type="text/javascript">
                function displaySkiReport (feedResponse) {
					mackup="";
for(var i=0;i<feedResponse.entries.length;i++){
item=feedResponse.entries[i];
mackup+='<li data-theme="c"><a href="'+item.link+'" data-transition="slide">';
mackup+='<p style="font-weight:bold;font-size:1.1em;white-space:pre-wrap;text-align:justify;">'+item.title+'</p>';
mackup+='<span><p style="white-space:pre-line;text-align:justify;">'+item.content+'</p></span>';
mackup+='</a></li>';
}
		$('#listNews').empty();
		$("#listNews").append(mackup).listview("refresh");		

    }


    function parseRSS(url, callback) {
      $.ajax({
    url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
      callback(data.responseData.feed);
    }
      });
    }

jQuery(document).ready(function() {              

        // Ski report
        parseRSS("http://bongdaplus.vn/_RSS_/4.rss", displaySkiReport);

    });

        </script>
	
<!-- Uncomment following line to access PhoneGap APIs (not necessary to use PhoneGap to package web app) -->
<!-- <script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>-->
<!-- CDN Respositories: For production, replace lines above with these uncommented minified versions -->
<!-- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />-->
<!-- <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>-->
<!-- <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>-->
</head>
<body>
	<section id="news" data-role="page">
		<header data-role="header" data-position="fixed">
			<nav data-role="navbar">
				<ul class="ui-grid-a">
					<li class="ui-block-a" style="width:33%"><a href="home.html#home" rel="external" data-icon="home" >Lịch thi đấu</a>
					</li>
					<li class="ui-block-b" style="width:33%"><a href="home.html#group" data-icon="grid" rel="external" >Xếp hạng</a>
					</li>
					<li class="ui-block-c" style="width:33%"><a href="#" class="ui-btn-active ui-state-persist" data-icon="info" >About</a>
					</li>
				</ul>
			</nav>
		</header>
		<div class="content" data-role="content" align="center">
        <ul id="listNews" data-role="listview" data-filter="false"></ul>
        </div>
		<footer data-role="footer" data-position="fixed">
		<div align="center" style="float:center;"><font size="2">
		Develop by 	<img src="logo scrum.png" style="width:2.8em" alt="splash" /></font></div>
		</footer>

	</section>
	
</body>
</html>